#div { margin: 20px;}
/* top menu */
#topmenutabs { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #696; }
#topmenutabs li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#topmenutabs a { float: left; line-height: 14px; font-weight: bold; margin: 0 10px 4px 10px; text-decoration: none; font-size: 12px; color: #9c9; }
#topmenutabs a.active,#topmenutabs a:hover { border-bottom: 4px solid #696; padding-bottom: 2px; color: #363; }
#topmenutabs a:hover { color: #696; }

/* 글 목록 테이블 */
#list { padding-left: 30px; padding-top: 30px; } 
#mainTable { width: 600px; padding-left: 20px; border-collapse: collapse; font-size: 12px; line-height: 20px; }
#mainTable th { padding: 2px; border: #d3d3d3 solid 1px; text-align: center; background: #F4F4FF; }  
#mainTable td { padding: 2px; border: #d3d3d3 solid 1px; } 

/* Tiles 레이아웃 */
#layoutTable { border-collapse: collapse; font-size: 12px; border: #d3d3d3 solid 1px; line-height: 20px; }
#layoutTable td { padding: 2px; border: #d3d3d3 solid 1px; }

/* footer */
#copyright { float:center; display:inline; margin: 0 0 0 -10px; color:#777; }
#copyright li { float:center; display:inline; font-size:11px; margin:0 10px 0 0; padding:0 0 0 13px; }
#copyright li a, #copyright li a:visited { color:#777; }